<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>

    // 函数fn，用于计算多个数据的和
    // fn(4, 5, 6);        // 15
    // function fn(a, b, c){
    //     return a + b + c;
    // }

    // function fn(a){
    //     return function(b){
    //         return function(c){
    //             return a + b + c;
    //         }
    //     }
    // }

    // const f1 = fn(4);
    
    // const f2 = f1(5);

    // console.log(f2(6));

    // console.log(fn(4)(5)(6));

    // 应用
        // 注册的表单验证
            // 手机号
            // 用户名
            // 密码
            // 邮箱
        // 登录的表单验证
            // 手机号
            // 密码
    
    // function pwTest(val){
    //     return /\w{6,10}/.test(val);
    // }
    // function telTest(val){
    //     return /^1[3-9]\d{9}$/.test(val);
    // }


    function test1(val, reg){
        return reg.test(val);
    }

    // test1("密码", 密码正则)
    // test1("手机号", 手机号正则)
    
    // test1("密码", 密码正则)
    // test1("手机号", 手机号正则)

    // console.log(test1("17600901915", /^1[3-9]\d{9}$/));
    // console.log(test1("17600901916", /^1[3-9]\d{9}$/));

    // console.log("======")

    // function test(reg){
    //     return function(val){
    //         return reg.test(val);
    //     }
    // }

    // const telTest = test(/^1[3-9]\d{9}$/);

    // console.log(telTest);

    // console.log(telTest("17600901915"));
    // console.log(telTest("17600901916"));


    // ========


    // js的兼容问题
    // 事件监听绑定事件
    // 获取非行内样式

    // 判断当前浏览器支持哪种方式

    // function getStyle(ele, attr){
    //     if(ele.currentStyle){
    //         return ele.currentStyle[attr];
    //     }else{
    //         return getComputedStyle(ele)[attr];
    //     }
    // }
    // getStyle(box1, "width");
    // getStyle(box1, "height");
    // getStyle(box2, "color");

    const getStyle = (function(){
        if(window.getComputedStyle){
            return function(ele, attr){
                return getComputedStyle(ele)[attr];
            }
        }else{
            return function(ele, attr){
                return ele.currentStyle[attr];
            }
        }
    })();
    getStyle(box1, "width");
    getStyle(box1, "height");
    getStyle(box2, "color");



    



    
</script>
</html>